// 这个模式就是Js中的模块定义
function CSSModule() {
    const colors= ['red', 'blue', 'white']
    const fontSize = [10, 13, 14, 16]

    function doSomething() {
        console.log('do some thing')
    }

    function doAnotherThing() {
        console.log(colors.toString())
    }

    function getFontSize() {
        console.log(fontSize.join(';'))
    }
    return{
        doAnotherThing,
        doSomething,
        getFontSize
    }
}

const newCss = new CSSModule()
newCss.doSomething()
newCss.doAnotherThing()
newCss.getFontSize()



class CssModule{
    // 不是参数传进来的， 可是直接写成静态的属性
    static colors = ['red', 'white', 'blue']
    static fontSize = [10, 11, 12, 13, 14]
    constructor() {
    }
    getColors () {
        console.log(CssModule.colors.join(';'))
    }
    getFontSize() {
        console.log(CssModule.fontSize.join(';;'))
    }
}

const css =  new CssModule()
css.getFontSize()
css.getColors()
